<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<title>用户注册</title>
<meta charset="UTF-8"/>
<meta name="viewport" id="viewport"	content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"/>
<link
	th:href="@{/resources/js/bootstrap-3.3.6-dist/css/bootstrap.css}"
	rel="stylesheet" type="text/css" />
<link th:href="@{/resources/css/style.css}" rel="stylesheet"
	type="text/css" />
<link th:href="@{/resources/css/sweet-alert.css}" rel="stylesheet"
	type="text/css" />
<link rel="shortcut icon"
	th:href="@{/resources/images/favicon.ico}" />
<script th:src="@{/resources/js/jquery-1.9.1.min.js}"
	type="text/javascript"></script>
<script th:src="@{/resources/js/sweet-alert.js}"
	type="text/javascript"></script>
</head>
<body>
	<div id="login_bg">
		<div id="login_logoDiv">
			<h1>用户注册</h1>
		</div>
		<form id="login_form" th:method="post" name="regiest_form" action="#" th:action="@{user/addUser}" th:object="${user}">

 			 <div class="inputParent">
				<span class="glyphicon glyphicon-user"
					style="font-size: 20px; width: 30px; vertical-align: text-bottom; color: white;">
				</span><input type="text" id="userName" class="input" name='userName' 
					placeholder="请输入用户名"/>
			</div>
			<div class="inputParent">
				<span class="glyphicon glyphicon-lock"
					style="font-size: 20px; width: 30px; vertical-align: text-bottom; color: white;"></span><input
					type="password" id="password" class="input" name='password' 
					placeholder="请输入密码"/>
			</div>
			<div class="inputParent">
				<span class="glyphicon glyphicon-lock"
					style="font-size: 20px; width: 30px; vertical-align: text-bottom; color: white;"></span><input
					type="password" id="passwordNext" class="input" name='passwordNext'
					placeholder="请确认密码"/>
			</div>
			<div class="inputParent">
				<span class="glyphicon glyphicon-user"
					style="font-size: 20px; width: 30px; vertical-align: text-bottom; color: white;"></span><input
					type="text" id="trueName" class="input" name='trueName' 
					placeholder="请输入真实姓名"/>
			</div>
			<div class="inputParent">
				<span class="glyphicon glyphicon-phone" style="font-size: 20px; width: 30px; vertical-align: text-bottom; color: white;"></span>
				<input type="tel" id="phone" class="input" name='phone' placeholder="请输入手机号码"/>
				<span id="phoneCode" class="glyphicon" style="display: none; color: lawngreen; position: absolute; right: 10%; top: 10px; font-size: 20px; width: 30px;"></span>
			</div>
			<input id="inputCode" type="text" class="gradient" placeholder="验证码"/>
			<span id="code" class="mycode"></span> <br/>
			<input type="button" value="完成注册" id="registerSuccess"/>
			<input type="button" value="返回登录" id="backLogin"/>
			
			
<!-- 		<div class="inputParent">
			<span class="glyphicon glyphicon-user" style="font-size:20px;width: 30px;vertical-align: text-bottom;color:white;"></span>
			<input type="text" id="userName" class="input" name ='userName' placeholder="请输入用户名"/>
        </div>
        <div class="inputParent">
        <span class="glyphicon glyphicon-lock" style="font-size:20px;width: 30px;vertical-align: text-bottom;color:white;"></span>
        <input type="password" id="password" class="input" name = 'password'  placeholder="请输入密码"/>
        </div>
        <div class="inputParent">
        <span class="glyphicon glyphicon-lock" style="font-size:20px;width: 30px;vertical-align: text-bottom;color:white;"></span>
        <input type="password" id="passwordNext" class="input" name = 'passwordNext'  placeholder="请确认密码"/>
        </div>
 		<div class="inputParent">
 		<span class="glyphicon glyphicon-user" style="font-size:20px;width: 30px;vertical-align: text-bottom;color:white;"></span>
 		<input type="text" id="trueName" class="input" name = 'trueName'  placeholder="请输入真实姓名"/>
        </div>
        <div class="inputParent">
        <span class="glyphicon glyphicon-phone" style="font-size:20px;width: 30px;vertical-align: text-bottom;color:white;"></span>
        <input type="tel" id="phone" class="input" name = 'phone'  placeholder="请输入手机号码"/>
        <span id="phoneCode" class="glyphicon" style="display:none;color:lawngreen;position:absolute;right:10%;top:10px;font-size:20px;width: 30px;"></span>
    	</div>
        <input id="inputCode"  type="text" class="gradient" placeholder="验证码"/>
        <span id="code" class="mycode"></span>
        <br>
        <input type="button" value="完成注册"  id="registerSuccess"/>
        <input type="button" value="返回登录"  id="backLogin"/> -->
		</form>
	</div>
</body>
<script th:src="@{/resources/js/login/KinerCode.js}"
	type="text/javascript"></script>
<script th:src="@{/resources/js/user/register.js}"
	type="text/javascript"></script>
	<script th:src="@{/resources/js/jquery.md5.js}"
	type="text/javascript"></script>

</html>
